<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <svg
      width="400"
      height="150"
      viewBox="0 0 400 150"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
    >
      <defs>
        <linearGradient id="line" x1="0%" y1="0%" x2="100%" y2="0%">
          <stop offset="0%" stop-color="yellow" />
          <stop offset="100%" stop-color="red" />
        </linearGradient>
      </defs>
      <ellipse cx="200" cy="75" rx="100" ry="50" fill="url(#line)" />

      <text fill="#ffffff" font-size="45" font-family="Verdana" x="150" y="91">
        SVG
      </text>
    </svg>
  </body>
</html>
